// 模拟从服务器获取的数据
const bridgeData = {
  detectDate: "2024/06/24 14:36:08",
  bridgeId: "61d3e205c1e6095a51a30213",
  depth: 0, // 示例深度值
  // 可以添加更多属性
};

// 英文属性到中文标签的映射
const attributeMap = {
  detectDate: "检测日期",
  bridgeId: "桥梁ID",
  depth: "深度",
  // 添加其他属性的映射
};

// 页面加载时动态填充数据
window.onload = function () {
  const reportDetails = document.getElementById("reportDetails");

  // 遍历数据并生成相应的HTML元素
  for (let key in bridgeData) {
    if (attributeMap.hasOwnProperty(key)) {
      const pElement = document.createElement("p");
      const strongElement = document.createElement("strong");
      strongElement.textContent = attributeMap[key] + ": ";
      const spanElement = document.createElement("span");
      spanElement.id = key; // 设置span的id以便于操作
      spanElement.textContent = bridgeData[key];
      pElement.appendChild(strongElement);
      pElement.appendChild(spanElement);
      reportDetails.appendChild(pElement);
    }
  }

  // 初始化隐藏逻辑（如果需要的话）
  toggleField("depth", false); // 默认不显示深度
};

// 控制显示隐藏的函数保持不变
function toggleField(fieldId, show = true) {
  const field = document.getElementById(fieldId);
  if (field) {
    field.style.display = show ? "block" : "none";
  }
}
